layui.use(["element","jquery","carousel"],function () {
    var element = layui.element;
    var $ = layui.jquery;
    var carousel = layui.carousel;

    //手机端点击按钮出现导航栏
    $("#nav-btn").click(function () {
        var height = $(".btn-nav").height();
        if (height == 0){
            $(".btn-nav").animate({
                height:190,
            },500);
        }else{
            $(".btn-nav").animate({
                height:0,
            },500)
        }
    });

    //轮播图
    carousel.render({
        elem: '#banner',
        width: '100%',
        height:'100%',
        arrow: 'hover', //悬停显示箭头
        anim:'fade',
        indicator:'inside'
    });

    //导航按钮旋转效果
    var value = 0;
    $("#nav-btn").rotate({
        bind:{
            click:function () {
                value += 45;
                $(this).rotate({
                    animateTo:value,
                    duration:500
                })
            }
        }
    });

    //头像旋转效果
    $(".logo img").rotate({
        bind:{
            mouseenter:function () {
                $(this).rotate({
                    animateTo:360,
                    duration:2000
                })
            },
            mouseout:function () {
                $(this).rotate({
                    animateTo:-360,
                    duration:2000
                })
            }
        }
    });

    //网站运行时间天数
    $(function () {
        time();
    });

});



